<template>
  <v-app>
    <router-view></router-view>
    <GlobalSnackbar />
    <GlobalLoading />
    <GlobalMessage />
    <GlobalConfirm />
  </v-app>
</template>
<script setup lang="ts">
import GlobalSnackbar from '@/components/GlobalSnackbar.vue'
import GlobalLoading from '@/components/GlobalLoading.vue'
import GlobalMessage from '@/components/GlobalMessage.vue'
import GlobalConfirm from '@/components/GlobalConfirm.vue'
import { useMessage } from '@/composables/useMessage';

// 使用更新后的 useMessage，现在可以直接使用 showSuccess 和 showError
const { showSuccess, showError } = useMessage();

</script>

<style lang="scss">
// 悬浮卡片样式
.hover-card {
  transition: all 0.2s ease;

  &:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
    border-color: rgba(var(--v-theme-primary), 0.3);
  }
}
//可点击
.clickable {
  cursor: pointer;
}
</style>
